// 变量
$colors: (
  'white': #fff,
  'black': #000,
  'theme': #0d79f4,
  'dark': #333,
  'skyblue': #6fcef6,
  'grey': #666,
  'light': #999
);

.downing {
  color: #39a67c !important;
}

$bgColors: (
  'white': #fff,
  'black': #000,
  'theme': #0d79f4,
  'light': #f5f6fa,
  'lightgrey': #fafafa,
  'lightblue': #e9f3ff,
  'deepblue': #0061d0
);

$linearColor: linear-gradient(93deg, #1267f2, #009ef6);

$font-sizes: (
  // 12px
  'xs': 0.12,
  // 14px
  'sm': 0.14,
  // 16px
  'md': 0.16,
  // 18px
  'lg': 0.18,
  // 20px
  '20': 0.2,
  // 24px
  'xl': 0.24,
  // 32px
  '32': 0.32
);

// 边框/阴影色
$bdColors: (
  'theme': #0d79f4,
  'lightblue': #e5efff,
  'light': #edeef2,
  'grey': #eee,
  'shadow': rgba(0, 5, 97, 0.04)
);

$flex-jc: (
  'start': flex-start,
  'center': center,
  'end': flex-end,
  'between': space-between,
  'around': space-around
);

$flex-al: (
  'start': flex-start,
  'center': center,
  'end': flex-end
);

$flex-as: (
  'start': start,
  'center': center,
  'end': end
);

$space-types: (
  m: margin,
  p: padding
);

$space-directions: (
  t: top,
  b: bottom,
  l: left,
  r: right
);

$space-position: (
  r: relative,
  a: absolute,
  f: fixed,
  i: inherit
);

// 间距尺寸
$space-sizes: (
  // 0px
  0: 0,
  // 4px
  4: 0.04,
  // 5px
  5: 0.05,
  // 6px
  6: 0.06,
  // 8px
  8: 0.08,
  // 10px
  10: 0.1,
  // 12px
  12: 0.12,
  // 16px
  16: 0.16,
  // 20px
  20: 0.2,
  // 24px
  24: 0.24,
  // 32px
  32: 0.32,
  // 40px
  40: 0.4,
  // 48px
  48: 0.48,
  // 64px
  64: 0.64
);
